<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>anim - KISSY Docs</title>
<link rel="stylesheet" href="../assets/base-min.css"/>
<link rel="stylesheet" href="../assets/docs.css"/>
</head>
<body class="w866">
<div id="header">
    <a class="logo" href="../index.html"><img src="../assets/logo.png" alt="KISSY" width="138" height="74"/></a>
    <p class="rel-nav">
        <a href="http://github.com/kissyteam/kissy/tree/master/src/anim/anim-easing.js">anim-easing.js</a>
    </p>
</div>
<div id="content" class="layout grid-s232m0">
    <div class="col-main">
        <div class="main-wrap">
            <div class="section summary">
                <p>anim-easing 为动画提供了常见的平滑函数。</p>
            </div>

            <div class="section">
                <p>目前支持以下平滑函数：</p>
                <ul>
                    <li>easeNone</li>
                    <li>easeIn</li>
                    <li>easeOut</li>
                    <li>easeBoth</li>
                    <li>easeInStrong</li>
                    <li>easeOutStrong</li>
                    <li>easeBothStrong</li>
                    <li>elasticIn</li>
                    <li>elasticOut</li>
                    <li>elasticBoth</li>
                    <li>backIn</li>
                    <li>backOut</li>
                    <li>backBoth</li>
                    <li>bounceIn</li>
                    <li>bounceOut</li>
                    <li>bounceBoth</li>
                </ul>
                <p>效果预览，可以参考 Robert Penner 博士的：<a href="http://www.robertpenner.com/easing/easing_demo.html">easing_demo.html</a> </p>
        </div>
        </div>
    </div>
    <div class="col-sub">
        <div class="sub-wrap">
            <div class="loc">
                <a href="../index.html">home</a> &rsaquo;
                <a href="index.html">anim</a> &rsaquo;
                anim-easing :
            </div>
            <div class="toc">
                <h3>Sub modules</h3>
                <ul>
                    <li><a href="anim.html">anim</a></li>
                    <li><a href="anim-easing.html">anim-easing</a></li>
                    <li><a href="anim-node-plugin.html">anim-node-plugin</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div id="footer">
    <p class="copyright">&copy; 2009 - 2029 KISSY UI LIBRARY</p>
</div>
</body>
</html>
